<template>
   <!-- <div class="newsinfo-contatiner">
       <h3 class="title">{{newsInfo.title}}</h3>
       <p class="subtitle">
           <span>发布时间{{newsInfo.add_time | dataFormat}}</span>
           <span>点击{{newsInfo.click}}次</span>
       </p>
       <hr>
       <div class="content">               如果有数据，就动态获取数据
            {{newsInfo.content}}            如果没数据，就用静态的数据
       </div>
   </div> -->
   <div class="newsinfo-contatiner">
       <!-- 标题区 -->
       <h3 class="title">中国超常规应对“山竹”获赞 港珠澳大桥稳如泰山 </h3>
       <!-- 子标题区 -->
       <p class="subtitle">
           <span>2018-9-18 18:35:35</span>
           <span>点击10次</span>
       </p>
       <hr>
       <!-- 内容区 -->
       <div class="content">
          参考消息网9月18日报道 海外媒体称，当地政府17日说，今年袭击中国的最强台风“山竹”席卷广东省，至少造成4人死亡。

　　据香港《南华早报》网站9月17日报道，广州白云国际机场17日上午8时恢复航班，但提醒旅客提前与航空公司核实获取航班信息，珠江三角洲的其他主要机场包括深圳和珠海机场也在17日上午重新开放。这两处机场从16日午夜开始关闭。

　　在珠海，人们走上街头清理垃圾。当地人说，该市今年应对“山竹”的表现好于去年8月台风“天鸽”来袭时。

　　报道称，情侣路是一条有名的沿海景观大道，沿途公园和度假村林立。受到台风“山竹”影响，推土机铲起被洪水冲到岸上的一堆堆泥土，岸边的部分石头护栏也被损坏，路上散落着石块。该地区的店主们正在拖地，擦拭窗玻璃，准备当天晚些时候开业。

　　一名不愿透露姓名的海鲜店员工说，她觉得政府从去年汲取经验教训，这次的准备工作做得较好。她说：“我们去年停了几天电，但今年没有发生这样的事情，政府还提前通知了我们，他们甚至派人把店门口的垃圾桶安牢固了。”

　　一名出租车司机说，去年的“天鸽”让大家大吃一惊，他们不知道强度会变得如此之大，预防措施也不够到位，在“天鸽”来袭的第二天情况非常混乱，而不像这次交通恢复得及时有序。

　　另据法新社9月17日报道，台风“山竹”重创了香港这座高楼林立的城市，这场风速超过每小时230公里的风暴导致建筑物摇晃，洪水涌入住宅和购物中心，一些道路的积水达齐腰深。在维多利亚公园，成百上千棵树倒下，许多树木被连根拔起。政府称损失严重，300多人受伤，触发了最高的10号台风警报。

　　广东当局说，他们疏散了300多万人并下令数以万计的渔船在中国媒体所说的“风王”到来之前返回港口。

　　报道称，香港17日开始了大规模清理行动，清理城市的艰巨任务开始时，道路仍被树木、淤泥和废墟阻断，应急小组正在砍掉这些阻挡道路的树木。

　　报道称，居民们竭尽全力地想回到工作岗位。学校停课，公共汽车服务停止，通勤者纷纷挤上站台，力图搭乘并不频繁的火车。

　　此外据香港《星岛日报》9月17日报道，广东多个大型基建项目能否抵挡“山竹”吹袭成为暴风圈内外民众的关注热点。针对网上不断有人担心“港珠澳大桥无法承受17级台风‘山竹’”，中国气象局官方微博16日“辟谣”称，“山竹”进入南海后风力已削弱，大桥所在区域遭遇的最大风力大约14级至15级左右。港珠澳大桥管理局16日有83人驻留，主要为监控、救援、应急用电及排水保障人员，接驳珠海的一段桥面被海水漫过，但有惊无险。

　　官方公布称，大桥监控信息显示大桥安全、正常，监控资料显示桥上测到暂态最大风速16级，索力、位移、震动监测都在设计范围内。港珠澳大桥管理局局长朱永灵说，现场情况一切正常。

　　报道称，广东海事局清空大桥所在水域上下3海里之内船只，并部署两艘大马力拖轮“贴身”保护，一旦有失控船舶漂近时拖离，避免日本关西机场风灾时大桥遭撞的情况发生。靠近台风登陆点的台山核电站16日实行警戒。中国广核集团称，该集团位于广东、广西的台山、阳江、大亚湾和防城港等核电基地，经受住了“山竹”的严峻考验。
       </div>
       <!-- 评论区 -->
       <comments-box :id="this.id"></comments-box>
   </div>
</template>

<script>
import comment from '../subcomponents/comment.vue'
import { Toast } from 'mint-ui'
    export default{
        data(){
            return {
                id: this.$route.params.id,
                newsInfo: []
            }
        },
        created() {
            // getNewsInfo()  //有数据的情况下可以动态获取数据
        },
        methode:{
            // getNewsInfo(){   //发送ajax请求获取数据
            //     this.$http.get('/api/getnew/'+ id).then(result =>{
            //         if(result.body.status === 0){
            //             this.newsInfo = result.body.message[0]
            //         }else {
            //             Toast('获取新闻失败')
            //         }
            //     })
            // }
        },
        components:{
            'comments-box':comment
        }
        
    }
</script>

<style lang="scss"> //scoped   要把scoped去掉，要不然图片显示不全
.newsinfo-contatiner{    //并不会影响其它的样式
    padding: 0 4px;  
    .title{
        font-size: 20px;
        text-align: center;
        color: red;
        margin: 15px 0;
    }
    .subtitle{
        font-size: 14px;
        color: blue;
        display: flex;
        justify-content: space-between;
    }
    .content{
        font-size: 12px;
    }
}

</style>
